<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>南通统计局数据采集平台</title>
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/style.css">
    <link rel="stylesheet" href="./assets/css/jquery.treeview.css" />
    <link rel="stylesheet" href="./assets/js/ztree/zTreeStyle.css" />
    <link rel="stylesheet" href="./assets/css/w-layer.css">
</head>

<body>
    <!--黑幕-->
    <div id="darkdiv">
    </div>
    <div class="tj-main">
        <div class="tj-left" style="padding-top: 0;">
            <div class="tj-ewbb-span mt0">
                <img src="./assets/img/ewbb-jt.png"><span>指标来源</span>
            </div>
            <div class="tj-box">
                <div>
                    <span class="checkbox">
                        <input id="exampleCheckbox" type="checkbox">
                        <label for="exampleCheckbox">全选</label>
                        </span>
                </div>
                <div class="tj-box-1 mt20" id="guideLine">
                    <ul id="tree1" class="filetree">

                    </ul>
                </div>
            </div>
            <div class="tj-ewbb-span mt0">
                <img src="./assets/img/ewbb-jt.png"><span>分组列表</span>
            </div>
            <div class="tj-box">
                <div class="tj-box-1">
                    <ul id="201-1FenZu" class="filetree zhulanFenzu">
                        <li style="padding-bottom: 0"><span class="folder" style="color: #333">201-1</span>
                            <ul>
                            </ul>
                        </li>
                    </ul>
                    <ul id="customFenZu" class="filetree zhulanFenzu">
                        <li style="padding-bottom: 0"><span class="folder" style="color: #333">自定义分组</span>
                            <ul>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="tj-right">
            <div class="top-head">
                <span class="ml10">
                        <img src="./assets/img/ewbb-jt.png">
                    </span>
                <span class="ewbb-title">预览显示区</span>
                <span class="ml10">
                        报告期：
                        <select class="head-select">
                            <option>201710MM</option>
                        </select>
                    </span>
            </div>
            <div class="main-box">
                <h1 class="h-title">临时汇总</h1>
                <div class="mt20" style="overflow:hidden;">
                    <div class="fl">
                        <span>汇总机构名称：</span>
                        <span class="color-black">南通市统计局</span>
                    </div>
                    <div class="fr">
                        <span>报告期：</span>
                        <span class="color-black">2017年10月</span>
                    </div>
                </div>
                <table cellpadding="0" cellspacing="0" class="JS_table tj-right-table main-table table-demo">
                    <thead>
                        <tr>
                            <td>项目</td>
                            <td>代码</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>总计</td>
                        </tr>
                    </tbody>
                </table>
                <div class="mt5" style="overflow:hidden;">
                    <div class="fl">
                        <span>操作人：</span>
                        <span class="color-black">测试</span>
                    </div>
                    <div class="fr">
                        <span>汇总时间：</span>
                        <span class="color-black">2017年11月27日</span>
                    </div>
                </div>
                <div class="jg-bottom-btn mt20 btn-list">
                    <button class="basic-btn tj-bj-btn-qt" onclick="showSet()"></button>
                    <button class="basic-btn tj-bj-btn-wh" onclick="handleHzfw()"></button>
                    <button class="basic-btn tj-bj-btn-set" id="trigger2"></button>
                    <button class="basic-btn tj-bj-btn-hz"></button>
                    <button class="basic-btn tj-bj-btn-save" onclick="uploadNodes()"></button>
                    <button class="basic-btn tj-bj-btn-close"></button>
                </div>
            </div>
        </div>
    </div>
    <!--设置嵌套-->
    <div id="tj-set" class="openbg">
        <div class="xx-desk">
            <div class="remindtop"><span>主、宾栏设置</span><img onclick="closeSet();" src="./assets/img/showclose.jpg"></div>
            <div class="add-desk-main">
                <ul id="treeDemo" class="ztree">

                </ul>
            </div>
            <div class="add-desk-mbtn">
                <button type="button" onclick="saveTree()">确定</button>
                <button type="button" onclick="closeSet();" style="background-color: #a4aaad;">取消</button>
            </div>
        </div>
    </div>
    <div id="slider2" class="left-slider">
        <h3 class="left-slider-header">汇总级别</h3>
    </div>

    <script type="text/javascript" src="./assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>
    <script src="./assets/js/jquery.treeview.js" type="text/javascript"></script>
    <script src="./assets/js/ztree/jquery.ztree.core-3.2.js" type="text/javascript"></script>
    <script src="./assets/js/ztree/jquery.ztree.excheck-3.2.js" type="text/javascript"></script>
    <script src="./assets/js/ztree/jquery.ztree.exedit-3.2.js" type="text/javascript"></script>
    <script type="text/javascript" src="./assets/js/layer/layer.js"></script>
    <script src="./assets/js/ztree/function.js"></script>
    <script src="./assets/js/common.js"></script>
    <script src="./assets/js/function.js"></script>
    <script src="./assets/js/gTable.js"></script>
    <script src="./assets/js/jquery.slidereveal.min.js"></script>
    <script>
        $('#slider2').slideReveal({
            trigger: $("#trigger2"),
            position: "right",
            push: false
        });
    </script>
</body>

</html>